<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>会员注册活动</title>

    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="description" content="！">
    <meta name="Keywords" content="">

    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/reset.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/global.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/iconfont.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/flex.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/hd.css">
    <link rel="stylesheet" href="${contextPath}/staticwx/main/css/popUp.css">
    <!--<link rel="stylesheet" href="${contextPath}/staticwx/main/css/shye.css">-->

</head>
<body style="background:#431c84">
<img src="${contextPath}/staticwx/main/images/hd.jpg" alt="" class="hdtop">
<div class="hdCon">
    <ul class="topBar">
        <li class="active" style="border-right:1px solid #fff;width:100%;">入驻须知</li>
    </ul>
    <div class="hdConent active">
        <ul class="itemsList">
            <li flex="cross:top">
                <label for="">1.</label>
                <div class="con">
                    <p class="c2">点击“我要加入”，绑定手机号码</p>
                    <p class="c3">（未关注公众号请先扫码关注，点击自动回复的图文消息再次进入本页）</p>
                </div>
            </li>
            <li flex="cross:top">
                <label for="">2.</label>
                <div class="con">
                    <p class="c2">根据提示购买指定商品</p>
                    <p class="c3">（完成下单流程）</p>
                </div>
            </li>
            <li flex="cross:top">
                <label for="">3.</label>
                <div class="con">
                    <p class="c2">激活会员资格</p><p class="c3">（下单成功，会员自动激活）</p>
                </div>
            </li>
        </ul>
    </div>
    <ul class="btmBar">
        <li class="active" id="onlineReg">我要加入</li>
    </ul>
</div>

<div class="hdDz">
    <ul class="infoList">
        <li flex="cross:center">
            <label for="">联系电话：</label>
            <p>400-555-9999    0579-8888888</p>
        </li>
        <li flex="cross:center">
            <label for="">工作时间：</label>
            <p>周一到周五  8:30-17:30</p>
        </li>
    </ul>
</div>
<div class="hdBtm">
    <p>本活动最终解释权归</p>
    <p>金华我爱我城信息科技有限公司所有</p>
</div>
<div class="popUpMask onlineRegPop">
    <div class="popUpBox" flex="cross:center">
        <div class="popUpOuter ">
            <div class="popUpContent">
                <div class="popUpCloseTop closeThis"></div>
                <div class="popUpDetail">

                    <div class="ac">
                        <p>长按二维码</p>
                        <p>关注“我爱我城”公众号</p>
                        <img src="${contextPath}/staticwx/main/images/ma.jpg" alt="" width="50%">
                    </div>
                    <div style="line-height:1.6">
                        <p>温馨提示：</p>
                        <ul>
                            <li flex="cross:top">
                                <label for="" style="width:25px;">1.</label>
                                <p style="flex:1;width:100%;">入驻平台需关注“我爱我城”公众号，以便于您及时获取平台的优惠信息</p>
                            </li>
                            <li flex="cross:top">
                                <label for="" style="width:25px;">2.</label>
                                <p style="flex:1;width:100%;">关注公众号后，点击为您推送的第一条图文消息，点击“我要加入”或者在点击公众号底部的“会员福利”的子菜单“会员加入”进入。</p>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="imgShow">
    <div class="imgout" flex="cross:center">
        <img src="${contextPath}/staticwx/main/images/tb.png" alt="">
    </div>
</div>
<input type="hidden" id="pid" value="${parentId!}">
<input type="hidden" id="mid" value="<#if member??>${member.id!}</#if>">
<input type="hidden" id="mtel" value="<#if member??>${member.tel!}</#if>">
<input type="hidden" id="isactive" value="<#if member??>${member.isactive!}</#if>">
<script src="${contextPath}/staticwx/main/js/jquery-3.0.0.min.js" type="text/javascript"></script>
<script src="${contextPath}/staticwx/main/js/popUp.js" type="text/javascript"></script>
<script>
    $(function(){
        $("#onlineReg").click(function(){
            var wxUser='${wxUser!}';
            if(wxUser==null||wxUser==''){
                $(".onlineRegPop").fadeIn()
            }else{
                var mid=$("#mid").val();
                var pid=$("#pid").val();
                var mtel=$("#mtel").val();
                var isactive=$("#isactive").val();
                var url="";
                if(isactive==1){
                     url="${contextPath}/wx/index.htm";
                }else{
                    if(mtel){
                         url="${contextPath}/wx/drainage.htm?mid="+mid;
                    }else{
                         url="${contextPath}/wx/bind.htm?mid="+mid+"&pid="+pid;
                    }
                }
                location.href=url;
            }
        });

        $(".imgShow").click(function(){
            $(this).fadeOut();
        });
    });

</script>
</body>
</html>